<template>
    <div class="mine-warp">
        <mine-user></mine-user>
        <mine-grid :color="Color"></mine-grid>
        <mine-other></mine-other>
    </div>
</template>

<script>
import MineUser from './User'
import MineGrid from './Grid'
import MineOther from './Other'
export default {
    name: 'MineBox',
    components: {
        MineUser,
        MineGrid,
        MineOther
    },
    computed: {
        Color() {
            return this.$store.state.colorItem[this.$store.state.colorIndex].color
        }
    }
}
</script>

<style scoped>

</style>